.saleStatic {
	.page-content {
		background-color: #fff;
		top: 44px;
		padding-top: 0;
		.manage-bill{
			.select-date {
				display: flex;
				text-align: center;
				align-items: center;
				justify-content: center;
				padding: 10px 0;
				position: fixed;
				width: 100%;
				left: 0;
				top: 0px;
				background: #fff;
				z-index: 999;
				height: 1.2rem;
				font-size: .3rem;
				line-height: .3rem;
				.icon-jiantou {
				  font-size: 1rem;
				  color:rgb(45, 214, 87);
				  &.left {
					display: inline-block;
					transform: rotate(-90deg);
				  }
				  &.right {
					display: inline-block;
					transform: rotate(90deg);
				  }
				}
				.date {
				  display: inline-block;
				  text-align: center;
				  color: #333;
				}
			  }
			  .money {
				color: #fb6e52;
			  }
			  .default-icon {
				display: inline-block;
				width: .2rem;
				height: .2rem;
				background: #2cc6ea;
				&.cash {
				  background: #e78d61;
				}
				&.wechat {
				  background: #6fcd58;
				}
				&.ali {
				  background: #55a8dc;
				}
			  }
			  .actual-income {
				font-size: .3rem;
				padding: 0 .2rem;
				background: #fff;
				height: 1rem;
				line-height: 1rem;
				margin: .2rem 0;
				margin-top: 1.2rem;
			  }
			  .total-income {
				font-size: .3rem;
				padding: .2rem .2rem 0 .2rem;
				width: 100%;
				background: #fff;
				position: relative;
				overflow: hidden;
				margin-bottom: .2rem;
				margin-top: 1.2rem;
				.tit {
				  display: flex;
				  align-items: center;
				  .total-tit {
					padding-left: .1rem;
				  }
				}
				#pie {
				  width: 100%;
				  min-height: 3.7rem;
				  // float: left;
				}
				.pie-help-info {
				  float: left;
				  position: absolute;
				  left: 50%;
				  top: 50%;
				  transform: translate(0, -50%);
				  line-height: .5rem;
				  .income-item {
					.income-name {
					  font-size: .25rem;
					}
					.income-count {
					  font-size: .35rem;
					  &.cash {
						color: #e78d61;
					  }
					  &.wechat {
						color: #6fcd58;
					  }
					  &.ali {
						color: #55a8dc;
					  }
					}
				  }
				}
			  }
			  .total-expend {
				font-size: .3rem;
				padding: .2rem .2rem 0 .2rem;
				width: 100%;
				background: #fff;
				position: relative;
				overflow: hidden;
				.tit {
				  display: flex;
				  align-items: center;
				  .total-tit {
					padding-left: .1rem;
				  }
				}
				#pie-for-expend {
				  width: 50%;
				  height: 3.7rem;
				  float: left;
				}
				.pie-help-info {
				  float: left;
				  position: absolute;
				  left: 50%;
				  top: 50%;
				  transform: translate(0, -50%);
				  line-height: .5rem;
				  .income-item {
					.income-name {
					  font-size: .25rem;
					}
					.income-count {
					  font-size: .35rem;
					  &.other {
						color: #2cc6ea;
					  }
					}
				  }
				}
			  }
		}
	}
	.chartLine {
		margin-top: .2rem;
		width: 100%;
		height: 300px;
	}
	.msgBox {
		margin: .2rem 0;
	}
	.basicMsg {
		padding: 0 10px;
		margin-top: .2rem;
		.msgItem {
			height: 1.2rem;
			line-height: .6rem;
			width: 23%;
			margin-right: 2%;

			border-radius: .2rem;
			background-color: #fff;
			box-shadow: 0 0 7px 0 #e1e6f3;
			.title {
				padding: 0 5%;
				height: 50%;
				font-size: .25rem;
				font-weight: 600;
				text-align: right;
			}
			.val {
				padding: 0 10%;
				height: 50%;
				font-size: .3rem;
				color: #f9b687;
				font-weight: 600;
			}
		}
		.msgItem.total {
			width: 25%;
		}
		.msgItem.color1 {
			color: #fff;
			background-image: linear-gradient(135deg,#FF979C,#F54747);
			.val {
				color: #fff;
			}
		}
		.msgItem.color2 {
			color: #fff;
			background-image: linear-gradient(135deg,#6eb6fb,#6b7fff);
			.val {
				color: #fff;
			}
		}
		.msgItem.color3 {
			color: #fff;
			margin-right: 0;
			background-image: linear-gradient(135deg,#c4e59e,#59e490);
			.val {
				color: #fff;
			}
		}
		.msgItem.color4 {
			color: #fff;
			background-image: linear-gradient(135deg,#6BF4FB,#24E3ED);
			.val {
				color: #fff;
			}
		}
		.msgItem.color5 {
			color: #fff;
			background-image: linear-gradient(135deg,#67FEDD,#04D6A9);
			.val {
				color: #fff;
			}
		}
		.msgItem.spec1 {
			width: 33%;
			.val {
				color: #3068ff;
			}
		}
	}

	.saleStaticAccordion {
		margin-top: .5rem;
		
		.goodsBox {
			margin-right: 15px;
			padding: 0 10px;
			// height: 40px;
			line-height: 40px;
			position: relative;
			.child-cont{
				float: left;
				width: 100%;
				margin-bottom: 10px;
				.child-item{
					position: relative;
					overflow: hidden;
					border-bottom: 1px solid #ddd;
					margin:0 .5rem;
					.count{
						margin-right: .2rem;
					}
				}
			}
			.goodName {
				width: 65%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.number {
				width: 15%;
			}
			.goodPrice {
				width: 20%;
				text-align: right;
				white-space: nowrap;
			}
		}
		.totalBox {
			margin-right: 15px;
			padding: 0 10px;
			font-weight: 600;
			height: 60px;
			line-height: 60px;
			border-top: 1px dashed #ddd;
			.totalName {
				font-size: .3rem;
			}
			.totalNumber {
				font-size: .35rem;
				float: right;
				color: red;
			}
		}
		.goodsBox:nth-of-type(even) {
			background-color: #f6f6f6;
		}
	}
}